import React from 'react';
import { TeamixAvatar } from '@teamix/ui';
import './index.scss';
const { ImageAvatar } = TeamixAvatar;
export default function index({ applicationInfo }) {
  return (
    <div className="auth_header_wrap">
      <div className="auth_header_left">
        {applicationInfo.avatar && <ImageAvatar img={applicationInfo.avatar} size="xl" />}
        <p>授权应用{applicationInfo.description}的访问权限</p>
      </div>
      <div className="auth_header_right">
        <p className="current_username">当前云效账号：</p>
        <ImageAvatar className="auth_header_right_avatar" img={window.FORCE.user.avatar} />
        <p>{window.FORCE.user.nickname}</p>
      </div>
    </div>
  );
}
